<%@ page language="java" contentType="text/html; charset=utf-8"	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<link   type="text/css" rel="stylesheet" href="<c:url value='/css/web/gis.css?v=1'/>">
<div class="easyui-layout heat-page more-heat" data-options="fit:true,border:false">
	<div id="heatMapDiv" class="heat-map-panel" style="top: 53%;" >
		<div class="easyui-panel" title="热力专题图" style="width:320px;padding:5px;" data-options="closable:true">
			<div id="moreTab" class="easyui-tabs" data-options="tabWidth:147" style="width:308px;">
				<div title="单图模式" style="padding:10px">
					<table class="text-left-table heat-table">
						<tr>
							<td>
								<input type="radio" name="certType" class="easyui-validatebox weight-type" value="1">
								<label>载荷分布热力图</label>
								</input>
							</td>
						</tr>
						<tr>
							<td>
								<input type="radio" name="certType" class="easyui-validatebox overrun-type" value="2">
								<label>超限车辆热力图</label>
								</input>
							</td>
						</tr>
						<tr>
							<td>
								<input type="radio" name="certType" class="easyui-validatebox train-type" value="3">
								<label>车流量热力图</label>
								</input>
							</td>
						</tr>
					</table>
				</div>
				<div title="多图模式" data-options="selected:true"  style="padding:10px">
					<table class="text-left-table heat-table">
						<tr>
							<td>
								<label>图1：载荷分布热力图</label>
							</td>
						</tr>
						<tr>
							<td>
								<label>图2：超限车辆热力图</label>
							</td>
						</tr>
						<tr>
							<td>
								<label>图3：车流量热力图</label>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>

	<div data-options="region:'north',split:true,border:false" style="height:50%;">
		<div style="width:50%;height: 100%;position: absolute;top: 0;left: 0;">
			<span style="position: absolute;top: 5px;left: 5px;z-index: 999;">图1：载荷分布热力图</span>
			<div id="mapOne"  style="height: 100%;width: 100%;"></div>
		</div>
		<div style="width:50%;height: 100%;position: absolute;top: 0;left: 50%;">
			<span style="position: absolute;top: 5px;left: 5px;z-index: 999;">图2：超限车辆热力图</span>
			<div id="mapTwo"  style="height: 100%;width: 100%;"></div>
		</div>
	</div>
	<div data-options="region:'south',split:true,border:false" style="height:50%;">
		<div style="width:50%;height: 100%;position: absolute;top: 0;left: 0;">
			<span style="position: absolute;top: 5px;left: 5px;z-index: 999;">图3：车流量热力图</span>
			<div id="mapThr"  style="height: 100%;width: 100%;"></div>
		</div>
		<div style="width:50%;height: 100%;position: absolute;top: 0;left: 50%;">
			<div id="mapFou"  style="height: 100%;width: 100%;"></div>
		</div>
	</div>
</div>
<script type="text/javascript" src="<c:url value='/scripts/web/gis/more_heat.js'/>"></script>